import js from '@eslint/js'
import globals from 'globals'
import tseslint from 'typescript-eslint'
import pluginVue from 'eslint-plugin-vue'
import prettier from 'eslint-plugin-prettier'
import { defineConfig } from 'eslint/config'

// 需要安装 eslint-config-prettier
import prettierConfig from 'eslint-config-prettier'

export default defineConfig([
  {
    files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'],
    plugins: {
      js,
      prettier: prettier, // Prettier 插件
      '@typescript-eslint': tseslint.plugin, // TypeScript 插件
      vue: pluginVue, // Vue 插件
    },
    extends: [
      js.configs.recommended,
      ...tseslint.configs.recommended,
      pluginVue.configs['flat/essential'],
      prettierConfig,
    ],
    languageOptions: { globals: { ...globals.browser, ...globals.node } },
    ignores: ['**/node_modules/**', '**/dist/**'],
    rules: {
      // eslint
      'no-var': 'error',
      'no-multiple-empty-lines': ['warn', { max: 1 }], //不允许多个空行
      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
      'no-unexpected-multiline': 'error', //禁止多余的空行
      'no-useless-escape': 'off', //禁止不必要的转义字符

      // typeScript
      '@typescript-eslint/no-unused-vars': 'error', //禁止定义未使用的变量
      '@typescript-eslint/prefer-ts-expect-error': 'error', //禁止使用 @ts-ignore
      '@typescript-eslint/no-explicit-any': 'off', //禁止使用 any类型
      '@typescript-eslint/no-non-null-assertion': 'off',
      '@typescript-eslint/no-namespace': 'off',
      '@typescript-eslint/semi': 'off',

      //eslint-plugin-vue
      'vue/multi-word-component-names': 'off',
      'vue/no-mutating-props': 'off', //不允许组件prop的改变
      'vue/attribute-hyphenation': 'off',

      // prettier (必须放在最后)
      'prettier/prettier': [
        'warn',
        {
          // 这里可以放置你的 Prettier 配置
          // 或者使用外部的 .prettierrc 文件
        },
        {
          usePrettierrc: true, // 设置为 true 如果使用外部的 .prettierrc 文件
        },
      ],
    },
  },
  {
    files: ['**/*.vue'],
    languageOptions: { parserOptions: { parser: tseslint.parser } },
  },
])
